<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title></title>
    <link rel="stylesheet" href="plugin/awesome4/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="plugin/reset.css"/>
    <link rel="stylesheet" href="style/home.css"/>
    <link rel="stylesheet" href="style/choose.css"/>
    <script src="plugin/jquery-2.1.3.min.js"></script>
    <!--<script src="script/event.js"></script>-->
    <script src="script/index.js"></script>
</head>
<body>
<div class="container choose">
    <div class="header">
        <h2><a href="javascript:" class="back"><i class="fa fa-chevron-left"></i></a>选择模板</h2>
    </div>
    <div class="main">
        <div class="card-box">
            <div class="card-box-img">
                <a href=""><img src="images/card-img1.png" alt=""></a>
            </div>
            <div class="card-info">
                <span class="card-name">深海少女</span>
                <span class="former-price">1.5</span>
                <span class="price">0.0</span>
            </div>
            <p class="use-amount">
                已有人<span class="use-amount-num">99</span>使用
            </p>
            <div class="operation">
                <a href="javascript:" class="to-use">使用</a>
                <a href="javascript:" class="to-collection"><i class="fa fa-star"></i></a>
                <a href="javascript:" class="to-share"><i class="fa fa-share-square-o"></i></a>
            </div>
        </div>
        <div class="card-box">
            <div class="card-box-img">
                <a href=""><img src="images/card-img1.png" alt=""></a>
            </div>
            <div class="card-info">
                <span class="card-name">深海少女</span>
                <span class="former-price">1.5</span>
                <span class="price">0.0</span>
            </div>
            <p class="use-amount">
                已有人<span class="use-amount-num">99</span>使用
            </p>
            <div class="operation">
                <a href="javascript:" class="to-use">使用</a>
                <a href="javascript:" class="to-collection"><i class="fa fa-star"></i></a>
                <a href="javascript:" class="to-share"><i class="fa fa-share-square-o"></i></a>
            </div>
        </div>
        <div class="card-box">
            <div class="card-box-img">
                <a href=""><img src="images/card-img1.png" alt=""></a>
            </div>
            <div class="card-info">
                <span class="card-name">深海少女</span>
                <span class="former-price">1.5</span>
                <span class="price">0.0</span>
            </div>
            <p class="use-amount">
                已有人<span class="use-amount-num">99</span>使用
            </p>
            <div class="operation">
                <a href="javascript:" class="to-use">使用</a>
                <a href="javascript:" class="to-collection"><i class="fa fa-star"></i></a>
                <a href="javascript:" class="to-share"><i class="fa fa-share-square-o"></i></a>
            </div>
        </div>
        <div class="card-box">
            <div class="card-box-img">
                <a href=""><img src="images/card-img1.png" alt=""></a>
            </div>
            <div class="card-info">
                <span class="card-name">深海少女</span>
                <span class="former-price">1.5</span>
                <span class="price">0.0</span>
            </div>
            <p class="use-amount">
                已有人<span class="use-amount-num">99</span>使用
            </p>
            <div class="operation">
                <a href="javascript:" class="to-use">使用</a>
                <a href="javascript:" class="to-collection"><i class="fa fa-star"></i></a>
                <a href="javascript:" class="to-share"><i class="fa fa-share-square-o"></i></a>
            </div>
        </div> 
    </div>
</div>
</body>
</html>